<script setup>
import { defineProps } from 'vue'

defineProps({
  data: Array,
})
</script>

<template>
  <el-row class="row-bg" gutter="20">
    <el-col :span="8" v-for="item in data" :key="item.id">
      <el-card
        style="width: 100%; height: auto; cursor: pointer"
        shadow="hover"
      >
        <template #header>{{ item.title }}</template>
        <img :src="item.img" style="width: fit-content; height: auto" />
      </el-card>
    </el-col>
  </el-row>
</template>
